<template>
	<indexFontSize v-if="k='banner'" text="推荐店铺"></indexFontSize>
	<view class="index-shop">
		<image class="big-image" :src="shop.src" mode="widthFix"></image>
		<scroll-view class="shop-content" scroll-x="true">
			<view class="scroll-item">
				<commomDity :dataList="shop.commoDity" wrap="nowrap" itemW="187rpx" bigH="424rpx"></commomDity>
			</view>
		</scroll-view>
	</view>
</template>

<script setup>
	const props = defineProps({
		shop: Object
	})
</script>

<style lang="scss" scoped>
	.index-shop {
		display: flex;
		flex-direction: column;
		.big-image {
			width: 100%;
			height: 352rpx;
		}
		.shop-content{
			width: 100%;
			overflow: hidden;
			.scroll-item{
				display: inline-block;
			}
		}
	}
</style>
